.header{height: 0.9rem;background: #343434;position: fixed;width: 100%;
    z-index: 1000;}
.header a{color: #FFFFFF;font-size: 0.32rem;}
.header .headerLeft{
    width:0.6rem;
    height: 0.9rem;
}
.headerCenter{
    text-align: center;
}
.headerRight{
    display: inline-block;
    width: 0.6rem;
    height:0.9rem;
}
.contentBox{
    padding-top: .75rem;
    padding-bottom: 1.26rem;
    position: relative;
}
.menu-list{
    width: 100%;
    height: 0.75rem;
    background: #d23c3b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.headTab{
    width: 100%;
    height: 0.75rem;
    background: #d23c3b;

}
.headTab ul{
    display: inline;
    width: 100%;
    height: 0.75rem;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space:nowrap;
    float: left;
}
.headTab ul li{
    display: inline-block;
    height: 0.75rem;
    color: #FFFFFF;
    line-height: 0.72rem;
    padding: 0 0.2rem;
}
.headTab ul li:last-child{
    padding-right: .95rem;
}
.headTab ul li a{
    padding-bottom: 0.2rem;
    color: #ffffff;
    position: relative;
}
.top-menu-round{
    background: #ffffff;
    font-size: .36rem;
    position: absolute;
    top: -.05rem;
    right: -.22rem;
    line-height: 0;
}
.headTab ul li .activeLia{
    border-bottom: .03rem solid #fff;
    font-size: .32rem;
    padding-bottom: .15rem;
}
.menu-list .search{
    display: block;
    width: 0.9rem;
    height: .65rem;
    background-size: 0.32rem;
    position: fixed;
    top: .06rem;
    right: 0;
    text-align: center;
    background: rgba(210,60,59,.6);
    line-height: .65rem;
}
.menu-list .search .iconfont{
    font-size: .4rem;
    color: #ffffff;
}
.newsListBox{
    background: #FFFFFF;
    margin-bottom: 0.2rem;
}
.newsList{
    padding: 0 0.3rem;
    padding-bottom: 0.3rem;
}
.newsListTitle{
    display: table;
    width: 100%;
    height: 1rem;
}
.newsListTitleLeft,.newsListTitleRight{
    display: table-cell;
    vertical-align: middle;
    font-size: 0.32rem;
    color: #333333;
}
.newsListTitleRight{
    text-align: right;
    font-size: 0.24rem;
    color: #9a9a9a;
}
.newsDetail{
    color: #666565;
    line-height: 0.46rem;
    padding-bottom: 0.1rem;
}
.newsImg{
    width: 2.26rem;
    height: 1.5rem;
}
.voteBox
{
    background: #f0f0f0;
    height: 2.4rem;
    margin-top: 0.2rem;
}

.voteItemBtn
{
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #d23c3b;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.9rem;
    margin: auto;
    font-size: 0.24rem;
}

.voteItem p
{
    color: #666666;
    text-align: center;
    margin-top: 0.4rem;
}

.voteBox2
{
    background: #f0f0f0;
    margin-top: 0.2rem;
    padding: 0 0.2rem;
}

.voteBox2Item
{
    height: 0.8rem;
}

.voteBox2Item .kindName
{
    width: 1.36rem;
    text-align: right;
    color: #666666;
}

.voteBox2Item .progress
{
    margin: 0 0.2rem;
}

.voteBox2Item .progress span
{
    border-radius: 0.6rem;
}

.voteBox2Item .ticketNum
{
    color: #666666;
    font-size: 0.24rem;
    margin-right: 0.2rem;
}

.voteBox2Item .tickeBtn
{
    width: 0.72rem;
    height: 0.42rem;
    background: #d23c3b;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.42rem;
    border-radius: 3px;
    font-size: 0.24rem;
}

.footer
{
    width: 100%;
    height: 0.96rem;
    position: fixed;
    bottom: 0;
    background: #ffffff;
    z-index: 1000;
    -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,0.2)!important;
    box-shadow:0 0 11px 0 rgba(0,0,0,0.2)!important;
}
.footer .active p {
    color: #d43c3d;
}
.footerItem{
    width: 20%;
    text-align: center;
}

.homeBg
{
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/home.jpg) no-repeat center;
    background-size: 0.38rem 0.36rem;
}
.footer .active .homeBg {
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/home_active.jpg) no-repeat center;
    background-size: 0.38rem 0.36rem;
}
.trainingBg
{
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/training.jpg) no-repeat center;
    background-size: 0.49rem 0.38rem;
}
.footer .active .trainingBg {
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/training_active.jpg) no-repeat center;
    background-size: 0.49rem 0.38rem;
}
.communityBg
{
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/commuty.jpg) no-repeat center;
    background-size: 0.42rem 0.39rem;
}
.footer .active .communityBg {
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/community_active.jpg) no-repeat center;
    background-size: 0.42rem 0.39rem;
}
.shoppingBg
{
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/shopping.jpg) no-repeat center;
    background-size: 0.32rem 0.41rem;
}
.footer .active .shoppingBg {
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/shopping_active.jpg) no-repeat center;
    background-size: 0.32rem 0.41rem;
}
.mineBg
{
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/mine.jpg) no-repeat center;
    background-size: 0.37rem;
}
.footer .active .mineBg {
    width: 0.5rem;
    height: 0.4rem;
    background: url(../img/mine_active.jpg) no-repeat center;
    background-size: 0.37rem;
}
.footerItem div
{
    margin: auto;
}

.footerItem p
{
    font-size: 0.24rem;
    color: #333333;
    margin-top: 0.06rem;
}
input{
    outline: none;
    border: none;
    font-size: .32rem;
}
/*公用部分 开始*/
.change-color{
    color: rgba(102,102,102,.6);
}
/*没有更多*/
.no-more{
    text-align: center;
    font-size: .26rem;
    color: rgba(102,102,102,.8);
    margin-top: .26rem;
}
/*标题字体*/
.title-font{
    font-size: .3rem;
    color: #222;
}
.content-font{
    font-size: .24rem;
    color: #666;
}
.color-six-opacity{
    color: rgba(102,102,102,.8);
}


/*图片列表*/
.img-list{
    margin-top: .18rem;
}
.img-item{
    width: 33%;
    height: 1.58rem;
    float: left;
    overflow: hidden;
}
.img-item-one{
    width: 100%;
    height: auto;
}
.img-item-two{
    width: 49.75%;
    height: auto;
    float: left;
}
.item-two .img-item{
    width: 49.75%;
    height: 2.3rem;
    overflow: hidden;
}
.img-item:nth-child(2),
.img-item:nth-child(4),
.img-item:nth-child(6){
    margin-left: 0.5%;
}
.img-item:nth-child(3),
.img-item:nth-child(6),
.img-item:nth-child(9){
    float: right;
}
.btn-red{
    font-size: .22rem;
    background-color: #d43c3d;
    color: #ffffff;
    border-radius: .1rem;
    padding: 0 .09rem;
    float: left;
}
.search-box{
    width: 100%;
    height: 1.12rem;
    position: fixed;
    top: -1rem;
    left: 0;
    z-index: 999;
    background-color: #ffffff;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.search-box .search-input{
    width: 5.83rem;
    height: .56rem;
    background: #d6d6d6;
    position: relative;
    margin: .3rem .31rem;
    border-radius: .05rem;
    overflow: hidden;
    float: left;
}
.search-box .search-input i{
    color: rgba(102,102,102,.8);
    position: absolute;
    top: .1rem;
    left: .2rem;
    font-size: .32rem;
}
.search-box .search-input input{
    width: 100%;
    height: 100%;
    line-height: .56rem;
    background: transparent;
    color: rgba(102,102,102,.8);
    font-size: .28rem;
    padding-left: .66rem;
}
.cancel-search{
    display: inline-block;
    font-size: .26rem;
    color: #d23c3b;
    margin-top: .32rem;
    border: .01rem solid #d02a1d;
    padding:.06rem .14rem;
    border-radius: .08rem;
}
/*弹出框背景*/
.popup-bg{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 997;
}
.search-box-slide{
    -webkit-transform: translateY(1.76rem);
    transform: translateY(1.76rem);
}
/*pop-message*/
.pop-message{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 6.4rem;
    height: 4.2rem;
    background: #ffffff;
    margin-top: -2.1rem;
    margin-left: -3.2rem;
    text-align: center;
}
.pop-message textarea{
    width: 86%;
    height: 2.6rem;
    border: none;
    margin: .18rem auto;
    font-size: .26rem;
    color: #989898;
    padding: .2rem .18rem;
    outline: none;
}
.pop-message .pop-submit{
    color: #ffffff;
    background: #d23c3b;
    width: 92%;
    height: .56rem;
    line-height: .56rem;
    border-radius: .05rem;
    margin: 0 auto;
    letter-spacing: .12rem;
    text-indent: .12rem;
    -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,0.2)!important;
    box-shadow:0 0 11px 0 rgba(0,0,0,0.2)!important;
}
.item{
    display: inline-block;
    width: 92%;
    background-color: #ffffff;
    padding: .5rem 4%;
    color: #333333;
}
.bg-red{
    color: #ffffff;
    background: #d23c3b;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.border-radius-5{
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
}
.border-radius-8{
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
}
.border-radius-10{
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
}
.border-radius-12{
    -webkit-border-radius: .12rem;
    border-radius: .12rem;
}
.round{
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.box-shadow-right{
    -webkit-box-shadow:0 0 11px 0 rgba(0,0,0,0.2)!important;
    box-shadow:0 0 11px 0 rgba(0,0,0,0.2)!important;
}
.box-shadow-white{
    -webkit-box-shadow: 0px 0px 6px rgba(255,255,255,.8)!important;
    box-shadow: 0px 0px 6px rgba(255,255,255,.8)!important;
}
/*单行字体超出隐藏*/
  .text-overflow{
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }
.bg-white{
    background: #ffffff;
}
.text-center{
    text-align: center;
}
.review{
    clear: both;
    width: 100%;
}
.review .review-title{
    height: .77rem;
    line-height: .77rem;
    background: #e5e5e5;
    font-size: .28rem;
    font-weight: bold;
    padding-left: .25rem;
}
.review-item{
    width: 100%;
    display: inline-block;
    padding: .2rem 0;
    margin-bottom: .08rem;
}
.review-item .review-top{
    width: 100%;
    height: .56rem;
    line-height: .56rem;
}
.review-item .review-top .user-head{
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    overflow: hidden;
    margin-left: .25rem;
}
.review-item .review-top .user-name{
    margin-left: .25rem;
}
.review-item .review-top .review-time{
    color: #cbcbcb;
    font-size: .24rem;
    margin-right: .25rem;
}

.review-item .review-con{
    width: 92%;
    padding: .17rem 0;
    font-size: .24rem;
    color: #8c8c8c;
    line-height: .42rem;
    margin: .2rem auto 0 auto;
    border-top: .01rem dashed #eeeeee;
}
.review-item .tag{
    font-size: .22rem;
    padding: .03rem .08rem;
    margin-top: .26rem;
    float: right;
    width: 1rem;
    text-align: center;
    height: .3rem;
    line-height: .3rem;
    margin-right: .25rem;
}
select {

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
/*tab-three   */
.tab-three{
    width: 100%;
    height: .96rem;
    margin: .39rem auto;
}
.tab-three .tab-three-item{
    width: 33.3%;
    height: 100%;
    color: #535353;
}
.tab-three .tab-three-item .tab-icon{
    height: .56rem;
    line-height: .56rem;
}
.tab-three .tab-three-item .icon-zhuanhuan{
    font-size: .42rem;
}
.tab-three .tab-three-item .icon-msg{
    font-size: .48rem;
}
.tab-three .tab-three-item .icon-fabu1{
    font-size: .42rem;

}
.tab-three .tab-three-item .tab-name{
    font-size: .24rem;
}
.tab-three .active{
    color: #d23c3b;
}
.detail-bot{
    width: 100%;
    height: .98rem;
    line-height: .98rem;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 996;
}
.detail-bot .iconfont{
    font-size: .32rem;
    color: #666;
}
.detail-bot .detail-bot-message{
    width: 2rem;
    margin-left: .36rem;
    position: relative;
}
.detail-bot .detail-line{
    width: .02rem;
    height: .42rem;
    background: rgba(102,102,102,.6);
    position: absolute;
    top: .28rem;
    right: 0;
    margin-left: -.01rem;
}
.detail-bot .detail-bot-message .iconfont{
    font-size: .28rem;
}
.detail-bot .detail-bot-like{
    width: 2rem;
}
.detail-bot .join-btn{
    width: 2.8rem;
    font-size: .28rem;
    letter-spacing: .05rem;
    text-indent: .05rem;
    color: #fff;
}
/*参见报名弹出框*/
.pop-join{
    display: none;
    width: 6rem;
    height: 3.92rem;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin-top: -1.96rem;
    margin-left: -3rem;
    background: #ffffff;
}
.pop-join .pop-join-con{
    padding: .47rem .51rem 0 .51rem;
}
.pop-join .pop-join-item{
    width: 100%;
    height: .68rem;
    line-height: .68rem;
    margin-bottom: .17rem;
    font-size: .28rem;
    color: rgba(102,102,102,.8);

}
.pop-join .pop-join-item span{
    letter-spacing: .05rem;
}
.pop-join .pop-join-input{
    border: .01rem solid rgba(0,0,0,.3);
    width: 4rem;
    height: .64rem;
    margin-left: .12rem;
    overflow: hidden;
}
.pop-join .pop-join-item input{
    width: 100%;
    height: 100%;
}
.pop-join .pop-join-bot{
    width: 100%;
    height: .75rem;
    line-height: .75rem;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .32rem;
    border-top: .01rem solid rgba(102,102,102,.2);
}
.pop-join .pop-join-bot .pop-btn{
    width: 50%;
    height: 100%;
    color: rgba(102,102,102,.8);
}
.pop-join .pop-join-bot .submit-btn{
    color: #fff;
}
/*公用部分 结束*/
/*登录*/
.login-box{
    width: 6.6rem;
    margin: 0 auto;
    z-index: 11;
}
.login-star{
    position: absolute;
    top: 0;
    left: 0;
    width: 1.53rem;
    height: 1.73rem;
    background: url("../img/star_02.png") no-repeat;
    background-size: 1.53rem 1.73rem;
    z-index: 10;
}
.red-flag{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2.84rem;
    height: 3.21rem;
    background: url("../img/red_flag_03.png") no-repeat;
    background-size: 2.84rem 3.21rem;
    z-index: 10;
}
.login-btn{
    width: 6rem;
    height: .9rem;
    font-size: .34rem;
    color: #ffffff;
    background: #d8403f;
    /*background: #838383;*/
    text-align: center;
    line-height: .9rem;
    margin: .38rem auto;

}
.login{
    position: relative;
    height: 100%;
    padding: 0;
    background: #ffffff;
}
.login .login-box{
    /*margin-top: 1rem;*/
}
.login-box-top{
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.login .login-box-content{
    width: 6rem;
    height: 2rem;
    margin: .8rem auto .6rem auto;
}
.login .login-box-item{
    height: 1rem;
    border-bottom: .01rem solid #cccccc;
    position: relative;
}
.login .login-box-item input{
    width: 100%;
    height: 100%;
    background: transparent;
    padding-left: .63rem;
    font-size: .3rem;
    color: #b2b2b2;
}
.login .login-box-item .code{
    width: 60%;
}
.login .phone-bg{
    width: .28rem;
    height: .4rem;
    position: absolute;
    top: .26rem;
    left: .12rem;
    opacity: .8;
}
.login .password-bg{
    position: absolute;
    top: .26rem;
    left: .06rem;
    width: .4rem;
    height: .4rem;
    opacity: .8;
}

.login .get-code{
    width: 1.69rem;
    background: rgba(102,102,102,.8);
    font-size: .28rem;
    color: rgba(255,255,255,.8);
    text-align: center;
    position: absolute;
    top: .2rem;
    right: 0;
    padding: .1rem 0;
}


/*注册*/
.register{
    position: relative;
    min-height: 9.9rem;
}
.register-item{
    width: 6rem;
    height: 1.02rem;
    margin: 0 auto;
    border-bottom: 1px solid #cccccc;
    position: relative;
}
.register-first{
    margin-top: .16rem;
}
.register-item .register-tag{
    height: 100%;
    line-height: 1.02rem;
    font-size: .34rem;
    color: #333333;
}
.register-item input,
.register-item select{
    width: 50%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: .34rem;
    color: #b2b2b2;
    text-align: left;
}
.register-item .icon{
    position: absolute;
    font-size: .32rem;
    color: #b2b2b2;
    top: .32rem;
    right: 0;
}
/*性别选择*/
.sex-box{
    width: 38%;
    margin-top: .28rem;
}
.sex-box .sex-btn{
    width: 1rem;
    height: .48rem;
    line-height: .48rem;
    color: #f24f4f;
    font-size: .34rem;
    text-align: center;
}
.sex-box .active{
    background: #f24f4f;
    color: #ffffff;
}
.sex-box .sex-man{
    margin-right: .26rem;
}
/*关注*/
.focus{

}
.focus-item{
    display: inline-block;
    width: 92%;
    background-color: #ffffff;
    padding: .2rem 4%;
    color: #333333;
    margin-bottom: .08rem;
}
.focus-item .focus-top{
    height: .5rem;
    line-height: .5rem;
}
.focus-item .focus-top .head-img{
    width: .47rem;
    height: .47rem;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.focus-item .focus-top .user-name{
    float: left;
    font-size: .28rem;
    margin-left: .19rem;
    color: rgba(102,102,102,.8);
}
.focus-item .focus-top .time{
    float: right;
    color: #9a9a9a;
    font-size: .24rem;
}
.focus-item .focus-con{
    display: inline-block;
    width: 100%;
    margin-top: .36rem;
}
/*.focus-item .focus-con a{*/
    /*color: #333;*/
    /*font-size: .32rem;*/
    /*line-height: .46rem;*/
/*}*/
.focus-item .focus-bottom{
    clear: both;
    height: .4rem;
    line-height: .4rem;
    margin-top: .16rem;
    color: #989898;
}
.view-count{
    float: left;
    font-size: .2rem;
}
.message{
    font-size: .24rem;
}
.message .message-icon{
    margin-top: .02rem;
    margin-right: .07rem;
}
.message .iconfont{
    font-size: .24rem;
}

.like{
    padding-left: .23rem;
    font-size: .24rem;
}
.like .iconfont{
    font-size: .26rem;
}

.collect{
    padding-left: .23rem;
    font-size: .24rem;
}
.collect .iconfont{
    font-size: .25rem;
}
/*推荐*/
.recommend{

}
.recommend-item{
    display: inline-block;
    width: 92%;
    background-color: #ffffff;
    padding: .2rem 4%;
    color: #333333;
    margin-bottom: .08rem;
}

.recommend-item .recommend-title{
    font-size: .3rem;
    line-height: .5rem;
    color: #222;
    overflow: hidden;
    position: relative;
}
.ellipsis{
    width: .44rem;
    color: #333333;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ffffff;
}


.recommend-item .recommend-con{
    display: inline-block;
    width: 100%;
    margin-top: .06rem;
}
.recommend-item .recommend-bottom{
    clear: both;
    height: .36rem;
    line-height: .36rem;
    margin-top: .16rem;
    color: #989898;
}
.sub-branch{
    float: left;
    margin: 0 .12rem;
    font-size: .2rem;
}
.recommend-bottom .time-distance{
    float: left;
    font-size: .2rem;
    margin-left: .12rem;
}


.recommend-item .recommend-left{
    width: 3.96rem;
    float: left;
}
.recommend-item .recommend-right{
    width: 2.52rem;
    float: right;
}

/*详情*/
.news-detail{
    padding-top: 0;
}
.news-detail-box{
    display: inline-block;
    width: 92%;
    background-color: #ffffff;
    padding: .5rem 4%;
    color: #333333;
    margin-bottom: .02rem;
}
.news-title h1{
    font-size: .36rem;
}
.news-tag{
    margin-top: .16rem;
    height: .46rem;
}
.news-tag .tag-left{
    font-size: .28rem;
    color: #4d4d4d;
    float: left;
}
.news-tag .tag-right{
    font-size: .24rem;
    color: #fff;
    background: #d43c3d;
    border-radius: .05rem;
    padding: .02rem .09rem;
    float: right;
}
.news-detail .news-detail-con {
    clear: both;
    margin-top: .46rem;
    font-size: .32rem;
    text-align: justify;
}
.news-detail-bottom{
    width: 100%;
    height: .98rem;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
}
.news-detail-bottom .detail-message,
.news-detail-bottom .detail-collect{
    float: left;
    width: 50%;
    height: 100%;
    line-height: .98rem;
    text-align: center;
}
.news-detail-bottom .iconfont{
    font-size: .32rem;
}

/*党员风采*/
.staff{
    width: 100%;
    overflow-y: scroll;
}
.staff-item{
    display: inline-block;
    width: 92%;
    background-color: #ffffff;
    padding: .2rem 4% 0 4%;
    color: #333333;
    margin-bottom: .1rem;
}
.staff-item .staff-left{
    width: 4.2rem;
    float: left;
}
.staff-item .staff-name{
    font-size: .3rem;
    float: left;
}
.staff-item .staff-tag{
    font-size: .18rem;
    color: #fff;
    background: #d43c3d;
    padding: .04rem .08rem;
    display: inline-block;
    border-radius: .1rem;
}
.staff-item p{
    clear: both;
    font-size: .28rem;
    line-height: .42rem;
}
.staff-item .staff-right{
    width: 2.5rem;
    float: right;
}
.staff-item .staff-bottom{
    border-top: 1px solid rgba(238,238,238,.5);
    display: inline-block;
    width: 100%;
    height: .67rem;
    margin: .19rem auto 0 auto;
    position: relative;
}
.staff-item .staff-bottom .staff-line{
    position: absolute;
    top: .1rem;
    left: 50%;
    width: .01rem;
    height: .5rem;
    background: rgba(102,102,102,.8);
}
.staff-item .staff-bottom .staff-like,
.staff-item .staff-bottom .staff-message{
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: .67rem;
}
.staff-item .staff-bottom .iconfont{
    font-size: .32rem;
    color: #666;
}
.staff-item .staff-message .iconfont{
    font-size: .28rem;
}

.staff-item .staff-top .title{
    font-size: .3rem;
    position: relative;
}
.staff-item .staff-top .title .tag{
    font-size: .18rem;
    color: #fff;
    background: #d43c3d;
    padding: .04rem .08rem;
    display: inline-block;
    border-radius: .1rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

/*书记信箱*/
.mail{
    padding-top: 0;
}
.mail-item{
    display: inline-block;
    width: 92%;
    background-color: #ffffff;
    padding: .5rem 4%;
    color: #333333;
    margin-bottom: .08rem;
}
.mail-item .mail-top{
    height: .5rem;
    line-height: .5rem;
}
.mail-item .mail-top .head-img{
    width: .47rem;
    height: .47rem;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.mail-item .mail-top .user-name{
    float: left;
    font-size: .28rem;
    margin-left: .19rem;
}
.mail-item .mail-top .department{
    font-size: .18rem;
    color: #fff;
    background: #d43c3d;
    padding: .04rem .08rem;
    display: inline-block;
    border-radius: .1rem;
    line-height: .3rem;
    margin-left: .16rem;
    float: left;
}
.mail-item .mail-top .time-distance{
    float: right;
    color: #9a9a9a;
    font-size: .24rem;
}
.mail-item .mail-con{
    display: inline-block;
    width: 100%;
    margin-top: .36rem;
}
.mail-item .mail-con a .title{
    color: #333;
    font-size: .36rem;
}
.mail-item .mail-con p{
    color: #333;
    font-size: .32rem;
    line-height: .46rem;
}
.mail-item .mail-bottom{
    clear: both;
    height: .26rem;
    line-height: .26rem;
    margin-top: .26rem;
    color: #989898;
}
.mail-item .mail-bottom .status{
    float: right;
    font-size: .24rem;
    color: #989898;
    border: .01rem solid #d23c3b;
    padding: .05rem .09rem;
}
.mail-item .mail-bottom .status-red{
    color: #d23c3b;
}
/*书记回复*/
.mail-item .title{
    font-size: .36rem;
    color: #333333;
}
.secretary .mail-bottom{
    height: .47rem;
    line-height: .47rem;
}
.mail-item .mail-bottom .head-img{
    width: .47rem;
    height: .47rem;
    float: left;
}
.mail-item .mail-bottom .user-name{
    float: left;
    font-size: .28rem;
    margin-left: .19rem;
}
.mail-item .mail-bottom .department{
    font-size: .18rem;
    color: #fff;
    background: #d43c3d;
    padding: .04rem .08rem;
    display: inline-block;
    border-radius: .1rem;
    line-height: .3rem;
    margin-left: .16rem;
    margin-top: .05rem;
    float: left;
}
.mail-item .mail-bottom .time-distance{
    float: right;
    color: #9a9a9a;
    font-size: .24rem;
}
.reply-con{
    clear: both;
    background: #ebebeb;
    padding: .15rem .12rem;
    margin-top: .26rem;
    line-height: .46rem;
}
.mail-item .my-reply{
    font-size: .28rem;
    color: #333333;
}


/*我的回复*/


/*写信按钮*/
.write-letter-btn{
    width: 6.86rem;
    height: .72rem;
    line-height: .72rem;
    position: fixed;
    bottom: .16rem;
    left: 50%;
    margin-left: -3.43rem;
    z-index: 996;
    letter-spacing: .03rem;
}
.write-letter-btn .iconfont{
    font-size: .32rem;
    color: #ffff;
}
.write-letter-submit{
    bottom: .2rem;
}
/*写信页面*/
.write-letter{
    width: 100%;
    height: 100%;
    padding-top: 0;
    font-size: .32rem;
    background: #fff;
}
.write-letter .write-letter-top{
    height: .9rem;
    line-height: .9rem;
    border-bottom: .01rem solid #e5e5e5;
    padding-left: .29rem;
    background: #fff;
}
.write-letter .write-letter-top input{
    width: 5rem;
    height: 100%;
    font-size: .32rem;
    color: #333333;
}
.write-letter .write-letter-con{
    padding: .29rem;
    background: #fff;
}
.write-letter .write-letter-content{
    font-size: .32rem;
}
.write-letter textarea{
    width: 100%;
    height: 2.18rem;
    margin-top: .26rem;
    border: none;
    font-size: .28rem;
    color: #666565;
    outline: none;
}
::-webkit-input-placeholder {
    color: rgba(102,101,101,.6);
    font-family: "微软雅黑";
}
.write-letter .word-number{
    color: rgba(102,101,101,.6);
}
.write-letter .add-pic{
    clear: both;
    width: 1.69rem;
    height: 1.69rem;
    background: url("../img/camera.jpg") no-repeat;
    background-size: 100% 100%;
    margin-top: .18rem;
}
.write-letter .write-letter-select{
    height: .88rem;
    background: #fff;
    margin-top: .2rem;
    position: relative;
}
.write-letter .write-letter-select select{
    width: 100%;
    height: 100%;
    font-size: .32rem;
    padding-left: .29rem;
    color: #333333;
    background: #ffffff;
    border: none;
}
.write-letter .iconfont{
    position: absolute;
    top: .26rem;
    right: 0.29rem;
    font-size: .32rem;
    color: #000;
}



/*调查问卷*/
.survey-item{
    margin-bottom: .1rem;
    text-align: center;
}
.survey-item .survey-top{
    font-size: .32rem;
    color: rgba(102,102,102,.8);
}
.survey-item .survey-con{
    font-size: .36rem;
    margin: .36rem auto;
    color: rgba(102,102,102,.8);
}
.survey-item .survey-btn{
    width: 1.6rem;
    height: .54rem;
    line-height: .54rem;
    font-size: .24rem;
    margin: 0 auto;
}
/*调查问卷详情页*/
.survey-title{
    width: 100%;
    text-align: center;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
}
.survey-choice{
    clear: both;
}
.survey-choice{
    padding-top: .88rem;
}
.survey-name{
    font-size: .32rem;
    color: #2f2f2f;
    text-align: center;
    margin-top: .36rem;
}
.survey-choice .time{
    text-align: center;
    font-size: .24rem;
    color: #7d7d7d;
    margin-top: .15rem;
}
.survey-content{
    margin-top: .32rem;
    font-size: .26rem;
}
.survey-content .survey-list-top{
    height: .46rem;
    line-height: .46rem;
}
.survey-content .survey-list-top .number{
    width: .46rem;
    height: .46rem;
    border: 1px solid #dadada;
    text-align: center;
    line-height: .46rem;
    background: #ffffff;
    font-weight: bold;
    margin-left: .34rem;
    margin-right: .31rem;
}
.survey-content ul{
    clear: both;
    width: 5.18rem;
    margin: 0 auto;
}
.survey-content ul li{
    width: 100%;
    height: .43rem;
    line-height: .43rem;
    margin-top: .08rem;
    background: #ffffff;
    font-size: .24rem;
    color: rgba(102,102,102,.8);
}
.survey-content ul li .round{
    width: .26rem;
    height: .26rem;
    border: .02rem solid #333333;
    margin: .03rem .22rem 0 .22rem;
    padding: .03rem;
}
.survey-content ul li .round-bg{
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.survey-content ul li.active{
    background: #8decba;
    color: #333;
}
.survey-content ul li.active .round-bg{
    background: #12e575;
}
.survey-submit{
    width: 6rem;
    height: .8rem;
    line-height: .8rem;
    background: #3b8e46;
    position: fixed;
    bottom: .18rem;
    left: 50%;
    margin-left: -3rem;
    color: #ffffff;
    font-size: .32rem;
    text-align: center;
    z-index: 1000;
}
/*培训*/
.training{
    padding-top: .75rem;
}
.training-title{
    width: 100%;
    height: .75rem;
    background: #d23c3b;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    position: fixed;
    top: 0;
    left: 0;
}
.training .triangle-down{
    width: .23rem;
    position: absolute;
    top: .15rem;
    left: 56%;
}
.training .training-item{
    width: 7.02rem;
    margin: .18rem auto 0 auto;
}
.training .training-con{
    height: .94rem;
    line-height: .94rem;
    background: #ffffff;
    color: #999999;
}
.training .training-con .training-name{
    width: 60%;
    margin-left: .15rem;
    font-size: .28rem;
    color: #323232;
}
.training .training-con .like{
    margin-right: .16rem;
}
/*培训课程详情*/
.training-banner{
    width: 100%;
    height: 4rem;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.training-banner .detail-banner-title{
    font-size: .36rem;
    position: absolute;
    top: 1.13rem;
    left: 0;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 18px rgba(0,0,0,1);
}
.training-banner .detail-banner-btn{
    width: 2rem;
    height: .78rem;
    line-height: .78rem;
    background: rgba(191,56,55,.6);
    font-size: .3rem;
    position: absolute;
    top: 1.91rem;
    left: 50%;
    margin-left: -1rem;
    text-align: center;
}
.detail-tab{
    width: 100%;
    height: .75rem;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.tab-item{
    width: 50%;
    height: 100%;
    text-align: center;
}
.tab-item a{
    display: inline-block;
    width: 1.2rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem;
    color: #3f3f3f;
}
.tab-item.active a{
    color: #d23c3b;
    border-bottom: .06rem solid #d23c3b;
}
.detail-con-title{
    font-weight: bold;
    height: .88rem;
    line-height: .88rem;
    margin-bottom: .08rem;
    font-size: .32rem;
    color: #323232;
    padding-left: .25rem;
}
.detail-con{
    padding: .21rem .25rem;
    font-size: .28rem;
}
.detail-con .tag{
    color: #3f3f3f;
    font-weight: bold;
    font-size: .32rem;
}
.detail-con p{
    color: #7c7c7c;
    line-height: .42rem;
    margin-top: .14rem;
}
.detail-course{
    display: none;
    font-size: .28rem;
}
.detail-course ul li{
    color: #8c8c8c;
    font-size: .28rem;
    height: .88rem;
    line-height: .88rem;
    padding-left: .25rem;
    letter-spacing: .03rem;
    border-top: .01rem dashed #ebebeb;
    position: relative;
}
.detail-course ul li:nth-child(1){
    border-top: none;
}
.detail-course ul li a .iconfont{
    font-size: .32rem;
    position: absolute;
    top: 0;
    right: .25rem;
    color: #d23c3b;
}
/*培训详情底部*/
.detail-bottom{
    width: 100%;
    height: .96rem;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
}
.detail-bottom .detail-message,
.detail-bottom .detail-collect{
    float: left;
    width: 50%;
    height: 100%;
    line-height: .96rem;
    text-align: center;
    color: #666;
}
.detail-bottom .iconfont{
    font-size: .32rem;
    color: #666666;
}
.detail-bottom span{
    color: #666;
}
.detail-bottom .detail-line{
    width: .02rem;
    height: .42rem;
    background: rgba(102,102,102,.6);
    position: absolute;
    top: .28rem;
    left: 50%;
    margin-left: -.01rem;
}
/*社区*/
.community{
    padding-top: .88rem;
}
.community-activity{
    background: #ffffff;
}
.community-activity-item{
    padding-bottom: .31rem;
}
.community-activity-top{
    width: 100%;
    height: 4.02rem;
    overflow: hidden;
}
.community-activity-con{
    width: 100%;
    height: .46rem;
    margin: .26rem 0 .07rem 0;
}
.community-activity-con .title{
    width: 70%;
    font-size: .36rem;
    color: #333333;
    line-height: .46rem;
    margin-left: .26rem;
}
.community-activity-con .tag{
    padding: .04rem .06rem;
    margin-right: .26rem;
    font-size: .22rem;
}
.community-activity-bot{
    height: .36rem;
    line-height: .36rem;
    color: #9b9b9b;
}
.community-activity-bot .user-head-list{
    width: 2.36rem;
    margin-left: .26rem;
}
.community-activity-bot .user-head-list .user-head-item{
    width: .36rem;
    height: .36rem;
    overflow: hidden;
    border-radius: 50%;
    margin-right: .08rem;
}
.community-activity-bot .personal-number{
    font-size: .24rem;
}
.community-activity-bot .like{
    margin-right: .26rem;
}
/*社区活动详情*/
.community-detail{
    padding-top: 0;
    background: #ffffff;
}
.community-detail-banner{
    width: 100%;
    height: 4.5rem;
    overflow: hidden;
}
.community-detail-top{
    height: .46rem;
    margin: .6rem 0;
}
.community-detail-top .title{
    width: 60%;
    font-size: .36rem;
    line-height: .46rem;
    color: #333333;
    margin-left: .36rem;
}
.community-detail-top .btn-red{
    padding: .04rem .09rem;
    margin-right: .36rem;
}
.community-detail-con{
    padding: 0 .36rem;
}
.community-detail-list{
    border-top: .01rem solid rgba(238,238,238,.5);
    width: 100%;
    padding-top: .16rem;
}
.community-detail-list li{
    clear: both;
    font-size: .28rem;
    color: #141414;
    letter-spacing: .02rem;
    margin-bottom: .23rem;
    padding-left: .46rem;
    position: relative;
}
.square{
    width: .14rem;
    height: .16rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: .08rem;
    left: 0;
}
.square-yellow{
    background: #f3c100;
}
.list-txt{
    color: #666;
    font-size: .24rem;
}

.community-detail-time{
    height: 1.41rem;
    border-top: .01rem solid rgba(238,238,238,.5);
    border-bottom: .01rem solid rgba(238,238,238,.5);
    position: relative;
}
.community-detail-time .time-img{
    position: absolute;
    top: .39rem;
    left: .36rem;
    width: .65rem;
    height: .65rem;
    background: url("../img/time_bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.community-detail-time .time{
    font-size: .28rem;
    color: #141414;
    margin: .29rem 0 .31rem 0;
}
.community-detail-time .end-time{
    color: #a2a2a2;
    font-size: .2rem;

}
.have-sign-up{
    height: .3rem;
    line-height: .3rem;
    font-size: .28rem;
    color: #141414;
    margin-top: .28rem;
}
.have-sign-up span{
    color: #d23c3b;
}
.instruction{
    font-size: .24rem;
    color: #606060;
    margin-top: .22rem;
}
.sign-up-list{
    clear: both;
    width: 100%;
    height: .69rem;
    display: inline;
    margin: .29rem auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    float: left;
}
.sign-up-list .user-head{
    display: inline-block;
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    margin: 0 .34rem .29rem 0;
    position: relative;
}
.sign-up-list .user-head img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.sign-up-list .user-head .user-number{
    position: absolute;
    bottom: 0;
    right: -.26rem;
    font-size: .2rem;
    color: #666;
}

/*个人天地*/
.community-personal{
    display: none;
    background: #ffffff;
}
.community-personal-banner{
    width: 100%;
    height: 4rem;
    overflow: hidden;
}
/*二手交易*/
.transact-item{
    padding: 0 .26rem;
}
.transact-item .transact-top{
    height: 5rem;
}
.transact-item .transact-con{
    height: .46rem;
    line-height: .46rem;
    margin: .16rem 0 .2rem 0;
}
.transact-item .transact-con .user-head{
    width: .46rem;
    height: .46rem;
    border-radius: 50%;
    overflow: hidden;
}
.transact-item .transact-con{
    color: #9b9b9b;
}
.transact-item .transact-con .user-name{
    font-size: .28rem;
    color: #363636;
    margin-left: .16rem;
}
.transact-item .transact-con .iconfont{
    font-size: .32rem;
    margin-right: .13rem;
}
.transact-item .transact-con .icon-heartline{
    font-size: .28rem;
}
.transact-item .transact-con .msg{
    margin-right: .32rem;
}
.transact-item .transact-bot{
    height: 1rem;
}
.transact-item .transact-bot .title{
    font-size: .28rem;
    color: #363636;
}
.transact-item .transact-bot .time{
    font-size: .24rem;
    color: #9d9d9d;
    margin-top: .03rem;
}
.day-shout{
    display: none;
}
.day-shout .focus-item{
    border-bottom: .01rem solid rgba(238,238,238,.5);
}
.day-shout-detail{
    padding-top: .9rem;
}
.day-shout .has-focus{
    background: #666;
    color: #fff;
    font-size: .2rem;
    height: .3rem;
    line-height: .3rem;
    padding: .03rem .08rem;
    margin-top: .05rem;
    margin-left: .05rem;
}
.day-shout .not-focus{
    background: #d23c3b;
    color: #fff;
    font-size: .2rem;
    height: .3rem;
    line-height: .3rem;
    padding: .03rem .08rem;
    margin-top: .05rem;
    margin-left: .15rem;
}
/*个人发布*/
.mine-post{
    padding: 0;
}
.mine-post .tab-three{
    background: #fff;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    height: 1.06rem;
}
.mine-post .tab-three-item{
    padding: .05rem 0;
}

.release{
    padding-top: 0;
    padding-bottom: 0;
}
.release-bg{
    width: 100%;
    min-height: 10.3rem;
    height: 12.4rem;
    background: url("../img/community_bg.jpg") no-repeat;
    background-size: 100% 100%;
}
.release-con{
    width: 4.18rem;
    height: 3.1rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -1.55rem;
    margin-left: -2.09rem;
}
.release-item{
    height: .71rem;
    background: rgba(198,76,72,.8);
    margin-bottom: .5rem;
}
.release-item a{
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: .71rem;
    color: #ffffff;
    font-size: .36rem;
    text-align: right;
}
.release-item a .iconfont{
    font-size: .32rem;
    margin: 0 .26rem 0 .16rem;
}


/*个人中心*/
.mine{
    padding-top: 0;
}
.mine .mine-top{
    width: 100%;
    height: 1.79rem;
    background: url("../images/mine/mine_bg.jpg") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding-top: .53rem;
    -webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,0.2)!important;
    box-shadow: 0 0 11px 0 rgba(0,0,0,0.2)!important;
}
.mine .user-name{
    font-size: .38rem;
    margin: 0 0 0 .24rem;
}
.mine .star-level{
    margin: .12rem 0 0 .24rem;
}
.mine .star-level a{
    font-size: .22rem;
    color: #fff;
}
.mine .integral-txt{
    height: .56rem;
    font-size: .22rem;
    margin: .19rem 0 0 .24rem;
}
.mine .user-head{
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: .29rem;
    right: .24rem;
}
.mine-list{
    width: 100%;
    background: #ffffff;
}
.mine-list li{
    padding: .31rem .29rem;
    border-bottom: .01rem solid rgba(238,238,238,.5);
}
.mine-list li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: .26rem;
    color: #000000;
    position: relative;
}
.mine-list li a .iconfont{
    margin: 0 .25rem;
    font-size: .32rem;
    color: #000000;
}
.mine-list li .iconfont.mine-list-round{
    color: #d2322d;
    font-size: .36rem;
    position: absolute;
    top: -.15rem;
    left: .18rem;
}
/*滑动特效*/
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet{
    width: .24rem;
    height: .24rem;
}

/*二手交易详情*/
.second-hand{
    padding-top: .63rem;
    background: #fff;
}
.second-hand-top,
.second-hand-tag{
    padding: 0 .31rem;
}
.second-hand-top .title{
    font-size: .36rem;
    color: #363636;
}
.second-hand-tag{
    height: .48rem;
    line-height: .48rem;
    margin-top: .35rem;
}
.second-hand-tag .user-head{
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    overflow: hidden;
}
.second-hand-tag .user-name{
    font-size: .28rem;
    color: #363636;
    margin-left: .16rem;
}
.second-hand-tag .time{
    font-size: .24rem;
    color: #9d9d9d;
}
.second-hand-content{
    padding: .48rem .31rem;
}
.second-hand-content p{
    font-size: .24rem;
    color: #323232;
    line-height: .36rem;
    margin: .26rem auto;
    text-align: justify;
}


/*我的评论*/
.myComment .review-title{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.myComment{
    padding-top: .77rem;
    padding-bottom: 0.26rem;
}
.my-collect{
    padding-top: 0;
    padding-bottom: 0;
}
/*消息*/
.my-message{
    padding-top: .86rem;
}
.mine-msg{
    display: none;
}
.msg-box{
    height: 2.86rem;
    text-align: center;
}
.msg-box .time{
    display: inline-block;
    padding: .12rem .18rem;
    background: #d7d7d7;
    color: #949494;
    margin: .4rem 0 .2rem 0;
}
.msg-box .msg-content{
    width: 6.01rem;
    background: #ffffff;
    margin: 0 auto;
    text-align: left;
    padding: .21rem .25rem;
    position: relative;
}
.msg-box .msg-content .title{
    color: #3b3b3b;
    font-size: .28rem;
}
.msg-box .msg-content p{
    color: #d2d2d2;
    font-size: .26rem;
    line-height: .36rem;
    margin-top: .12rem;
}
.msg-box .msg-content .msg-close .iconfont{
    font-size: .34rem;
    position: absolute;
    top: .2rem;
    right: .3rem;
    color: rgba(0,0,0,.4);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*我的发布*/
.release-tag{
    position:fixed;
    top:0;
    left:0;
    z-index: 1;
    width:100%;
    background-color:#ffffff;
}
.release-tag li{
    text-align:center;
}
.release-tag li a{
    display:inline-block;
    height:.9rem;
    line-height:.9rem;
    color:#000000;
    box-sizing: border-box;
}
.release-tag li.active a{
    color:#d23c3b;
    border-bottom:.06rem solid #d23c3b;
}
.release-box{
    width:100%;
    min-height:100%;
    box-sizing: border-box;
}
.release-title{
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
}
.release-date{
    text-align: center;
    font-size: .28rem;
    padding:.28rem 0 .18rem;
}
.release-content{
    line-height:.48rem;
}
.release-box img{
    display:block;
    margin-top:.28rem;
}

/*二手市场*/
.saySky-content{
    padding-top: .96rem;
}
.fleaMarket-content{
   /* display: none;*/
    padding-top: .96rem;
}
.fleaMarket-a{
    display:block;
    padding:.3rem 4% .35rem;
    margin-bottom:.08rem;
    background-color:#ffffff;
    color:#333333;
}
.fleaMartet-img{
    padding-bottom:.3rem;
}
.fleaMarket-brand{
    width:80%;
    font-size:.28rem;
}
.time-distance{
    font-size:.24rem;
    color:#9d9d9d;
}

/*活动建议*/
.activitySuggestion{
    /*display: none;*/
    padding-top:.96rem;

}
.activitySuggestion-a{
    color:#333333;
}
.activitySuggestion .focus-item .user-name{
    width:80%;
    margin-left:0rem;
}
.activitySuggestion .focus-item .time-distance{
    font-size:.26rem;
    text-align:right;
}
.activitySuggestion .time-distance.warn{
    color:#fb9a31;
}
.activitySuggestion .time-distance.success{
    color:#148b6b;
}
.activitySuggestion .time-distance.forbid{
    color:#d23c3b;
}
.activitySuggestion .img-item{
    width:29.3%;
}

/*我的问卷*/
.myQuestion .myQuestion-list{
    background-color:#ffffff;
    padding:.55rem 4% .5rem;
    margin-bottom:.08rem;
}
.myQuestion-list-title{
    padding-bottom:.4rem;
    font-size:.32rem;
    color:#2f2f2f;
}
.myQuestion-list-date{
    color:#959595;
    font-size: .28rem;
}
.myQuestion-list-a{
    padding:0 .35rem;
    color:#d23c3b;
}
.myQuestion .myQuestion-list span{
    padding: .03rem .09rem;
    border: .01rem solid #d2322d;
}
/*日历提醒*/
.remind{
    padding-bottom: 1.26rem;
}
.remind-list{
    background-color:#ffffff;
    padding:.35rem 4%;
    margin-bottom: .08rem;
}
.remind-list-title{
    font-size:.36rem;
}
.remind-list-icon{
    width:.9rem;
    height:.35rem;
    line-height:.35rem;
    text-align:center;
    background-color:#d43c3d;
    color:#ffffff;
    font-size:.19rem;
    border-radius: .04rem;
}
.remind-list-content{
    color:#686868;
    font-size:.28rem;
    line-height:.48rem;
    padding:.25rem 0 .15rem;
}
.remind-list-delete{
    width: .19rem;
}
.remind-list-delete img{
    width:100%;
    height:.25rem;
}
.remind-list-time{
    color:#d23c3b;
    font-size:.24rem;
}

/*添加如理提醒*/
.remind-add{
}
.remind-add .write-letter-select{
    margin-top:0;
    position: relative;
}
.remind-add .write-letter-select .write-letter-txt{
    line-height: .88rem;
    margin-left: .29rem;
}
.remind-add .write-letter-select input{
    width: 100%;
    height: 100%;
    color: #333;
    opacity: 0;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.remind-add .write-letter .write-letter-top{
    border-bottom:.01rem dashed #e5e5e5;
}
.remind-add #type,
.remind-add #clerk{
    border:none;
    border-bottom:.01rem dashed #e5e5e5;
}
.remind-add .write-letter-con{
    margin-top:.08rem;
}
/*积分兑换*/
.integral{
    padding-top: .75rem;
}
.integral-top{
    height:3rem;
    background:url('../images/mine/integral_bg.jpg') no-repeat;
    background-size:100%;
}
.integral-title{
    padding:.35rem 4% .4rem ;
    font-size:.32rem;
    color:#fff;
}
.integral-content{
    color:#fff;
    font-size: .89rem;
    font-weight: bolder;
    text-align:center;
    height:.89rem;
    line-height:.89rem;
}
.integral .detail-tab{
    margin-bottom:.08rem;
}
.integral-record-list-img{
    width:3rem;
    margin-right:.3rem;
    padding: .05rem;
}
.info-top{
    padding-top:.57rem;
    font-size: .32rem;
}
.info-middle{
    font-size: .28rem;
    color:#868686;
}
.info-bottom{
    font-size:.28rem;
    padding:.28rem 0 .3rem;
}
.info-bottom .red{
    color:#d23c3b;
}
.integral-record-list{
    background-color:#fff;
    margin-bottom:.08rem;
    position: relative;
}
.integral-record-list-a{
    position: absolute;
    top: 1.3rem;
    right: .26rem;

}
.integral-record-list-a span{
    display:block;
    width:1rem;
    text-align:center;
    background-color:#d23c3b;
    color:#fff;
    height:.55rem;
    line-height:.55rem;
    font-size:.28rem;
    border-radius:.04rem;
}
.integral-record-list-a.declear span{
    background-color:#fff;
    color:#a9a9a9;
}
.integral-detail{
    display: none;
    background-color:#fff;
}
.integral-detail li{
    box-sizing:border-box;
    padding:.18rem 4%;
    height:1.2rem;
    border-bottom:.01rem solid #e5e5e5;
}
.integral-detail-right{
    text-align:right;
}
.integral-detail-right p{
    font-size:.32rem;
    font-weight:bolder;
}
.integral-detail-right .red{
    color:#d53d3c;
}
.integral-detail-right .green{
    color:#3d8831;
}
.integral-detail-right .date{
    color:#868686;
    font-size:.28rem;
    font-weight: normal;
}
/*说天喊地*/
/*说天喊地*/
.saySky-content{
    padding-top:.98rem;
}
.saySky-content a{
    color:#333333;
}
.saySky-content .focus-item{
    padding:.4rem 4% .1rem;
}
.saySky-content .saySky-communite{
    width:80%;
}
.saySky-content .time-distance{
    width:18%;
    text-align:right;
    font-size:.24rem;
    color:#989898;
}

/*积分商城*/
.shopping{
    padding-top: 0;
}
.shopping-tab{
    width:100%;
    display: inline;
    white-space: nowrap;
    overflow-x:scroll;
    float:left;
    overflow-y:hidden;
    height:.75rem;
    background-color:#fff;
    position: fixed;
    top: 0;
    left: 0;
}
.shopping-tab li{
    width:1.7rem;
    display:inline-block;
    height:.75rem;
    line-height: .75rem;
    text-align:center;
}
.shopping-tab li.active{
    color:#d43c3d;
}
.shopping-list{
    padding: 1rem .2rem;
}
.shopping-list li{
    width:3.38rem;
    background-color:#fff;
    border:.01rem solid #fff;
    margin-bottom: .2rem;
    padding: 0 .05rem;
}
.shopping-list-img{
    width:2.24rem;
    border-radius:50%;
    overflow: hidden;
    margin: 0 auto;
    padding: .46rem 0 .2rem;
}
.shopping-list-content{
    font-size: .28rem;
    line-height: .48rem;
    padding: 0 .05rem;
    color:#333;
}
.shopping-list-bottom{
    height:.24rem;
    padding: .15rem .05rem .3rem;
}
.shopping-list-bottom .stock,
.shopping-list-bottom .integral{
    height:.24rem;
    line-height:.24rem;
    padding:0;
}
.shopping .integral{
    color:#d02a1d;
}
.shopping .stock{
    color: #868686;
}

/*积分商城  详情*/
.shopping-detail-k{
    padding-top: 0;
    padding-bottom:.96rem;
}
.shopping-banner{
    width: 100%;
    height: 4rem;
}
.shopping-detail{
    padding:.2rem 4% .35rem;
    background-color:#fff;
    margin-bottom:.08rem;
}
.shopping-detail .show{
    background-color:#fff;
}
.shopping-detail .content{
    font-size:.36rem;
    line-height:.66rem;
    color:#272727;
}
.shopping-detail .bottom span{
    font-size:.28rem;
    height:.32rem;
    line-height: .32rem;
    padding: .35rem 0 0;
}
.shopping-detail .integral{
    color:#d23c3b;
}
.shopping-detail .stock{
    color:#868686;
}

.shopping-detail-content{
    padding:.28rem 4%;
    background-color:#fff;
    margin-bottom: .08rem;
}
.shopping-intro{
    text-align:center;
    color:#d02a1d;
    font-size:.32rem;
}
.shopping-img{
    padding:.3rem .08rem;
}
.shopping-into-content{
    font-size:.28rem;
    color:#323232;
    line-height:.48rem;
    padding:.3rem .08rem;
}
.shopping-detail-footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#fff;
    height:.96rem;
}
.shopping-detail-footer{

}
.shopping-detail-footer .btn{
    overflow: hidden;
    margin:.16rem 4%;
    border:.01rem solid #a0a0a0;
    border-radius: .04rem;
}
.shopping-detail-footer .btn span{
    display: block;
    float:left;
}
.shopping-detail-footer .btn img{
    width:.66rem;
    height:.6rem;
}
.shopping-detail-footer .btn .minus{
    border-right:.01rem solid #a0a0a0;
}
.shopping-detail-footer .btn .num{
    font-size:.32rem;
    width:.9rem;
    text-align:center;
    height:.6rem;
    line-height: .6rem;
}
.shopping-detail-footer .btn .plus{
    border-left:.01rem solid #a0a0a0;
}
.shopping-detail-footer .all{
    height: .96rem;
    line-height:.96rem;
}
.shopping-detail-footer .change{
    width:1.2rem;
    text-align:center;
    background-color: #d23c3b;
    color:#fff;
    line-height: .96rem;
}
.shopping-detail-k .pop-join{
    height: 2.7rem;
    text-align: center;
}
.shopping-detail-k .popup-bg{
    display: none;
}
.shopping-detail-k .pop-content{
    padding-top: .35rem;
}
/*赠送积分弹框*/
.send-integral-box{
    display: none;
    height: 4.1rem;
}
.send-integral-box .title{
    font-size: .32rem;
    text-align: center;
    margin-top: .26rem;
    margin-bottom: .2rem;
    color: rgba(102,102,102,.8);
}
.user-phone,
.input-integral{
    width: 4.82rem;
    height: .64rem;
    border: .01rem solid rgba(0,0,0,.3);
    margin: .1rem auto;
    overflow: hidden;
}
.user-phone input,
.input-integral input {
    width: 100%;
    height: 100%;
    font-size: .28rem;
    color: rgba(50,50,50,.7);
    padding-left: .18rem;
}
.send-integral-tag{
    width: 4.98rem;
    font-size: .22rem;
    color: rgba(50,50,50,.3);
    margin: .08rem auto;
    text-align: left;
    line-height: .38rem;
}
.cancel-box{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.cancel-box .btn{
    width: 50%;
    height: 100%;
    font-size: .28rem;
    color: rgba(102,102,102,.8);
    border-top: .01rem solid rgba(102,102,102,.2);
}
.cancel-box .submit-btn{
    color: #fff;
}
/*兑换积分弹框*/
.convert-integral-box{
    display: none;
    height: 5.44rem;
    font-size: .24rem;
    color: #323232;
}
.convert-integral-box .qr-code{
    width: 3.4rem;
    height: 3.4rem;
    overflow: hidden;
    margin: .46rem auto 0 auto;
}
.convert-integral-box .serial-number,
.convert-integral-box .phone{
    margin: .08rem auto 0 auto;
    width: 3.4rem;
    text-align: left;
}
.convert-integral-tag{
    font-size: .24rem;
    margin-top: .1rem;
    color: rgba(50,50,50,.7);
}
/*积分查看弹出框*/
.look-integral{
    width: 6rem;
    height: 4.28rem;
    margin-left: -3rem;
}
.look-integral .title{
    font-size: .32rem;
    color: #000000;
    margin: .26rem 0;
    text-align: center;
}
.look-integral .look-integral-item{
    width: 4.9rem;
    height: .46rem;
    line-height: .46rem;
    font-size: .28rem;
    color: #000000;
    margin: 0 auto;
}
.look-integral .look-integral-item .type{
    margin-right: .43rem;
}
.look-integral .look-integral-item span{
    color: rgba(0,0,0,.6);
}
.look-integral .look-integral-item .grade{
    color: #d23c3b;
}
.look-integral .look-integral-tag{
    width: 100%;
    text-align: center;
    font-size: .2rem;
    color: rgba(0,0,0,.5);
    position: absolute;
    bottom: .5rem;
    left: 0;
}
/*我的关注*/
.myFocus{
    padding-top: 0;
}
.myFocus li{
    margin-bottom: 0;
    border-bottom: .01rem solid rgba(238,238,238,.5);
}
.myFocus .user-name{
    font-size: .32rem;
}
.clearFocus{
    display:block;
    background-color:#d23c3b;
    color:#fff;
    width:1.4rem;
    height:.55rem;
    line-height: .55rem;
    font-size: .24rem;
    text-align:center;
    border-radius: .04rem;
    border-bottom: .01rem solid #e5e5e5;
}
/*我的培训*/
.my-train{
    padding-top: 1.6rem;
}
.my-train-top{
    width: 100%;
    height: 1.6rem;
    background: #fff;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.my-train-top .fl{
    width: 50%;
    padding-top: .16rem;
}
.my-train-top .title{
    font-size: .36rem;
    color: rgba(102,102,102,.8);
    margin-bottom: .28rem;
}
.my-train-top span{
    font-size: .32rem;
    color: #d23c3b;
}
.my-train .my-train-record{
    font-size: .28rem;
    color: #333333;
    height: .66rem;
    line-height: .66rem;
    padding-left: .43rem;
    position: relative;
}
.my-train .my-train-record .line{
    width: .07rem;
    height: .3rem;
    background: #d23c3b;
    position: absolute;
    top: .19rem;
    left: .2rem;
}
.my-train ul{
    background: #ffffff;
}
.my-train ul li{
    padding: 0 .2rem;
    height: 1rem;
    line-height: 1rem;
    border-bottom: .01rem solid #eeeeee;
}
.my-train ul li .iconfont{
    font-size: .32rem;
}
/*个人信息*/
.personalInfo-list{
    background-color:#fff;
    padding-top:0;
}
.personalInfo-list li{
    position:relative;
    top:0;
    left:0;
    border-bottom:.01rem solid rgba(102,102,102,.1);
}
.personalInfo-list .photo .photo-img{
    float:right;
    width:.85rem;
    height:.85rem;
    overflow: hidden;
    border-radius: 50%;
    margin-top:.16rem;
    margin-right: .16rem;
}
.personalInfo-list .photo .photo-img img{
    margin-top: -.36rem;
}
.personalInfo-list .photo i{
    float:right;
}
.personalInfo-list li span{
    margin-top: .05rem;
}
.personalInfo-list li span,
.personalInfo-list li input{
    color: #666;
}
.personalInfo-list li .iconfont{
    color: rgba(102,102,102,.5);
}

.personalInfo-list li>div{
    padding:0 4%;
    height:1.2rem;
    line-height: 1.2rem;
}
.personalInfo-list li:last-child>div{
    height:auto;
    border:none;
}
.personalInfo-list li:last-child .display-flex{
    height:1.2rem;
    line-height:1.2rem;
}
.personalInfo-list option,
.personalInfo-list input{
    text-align:right;
    color:#323232;
}
.personalInfo-list select{
    height: 100%;
    line-height: 1.2rem;
    border:none;
    font-size:.28rem;
    margin-right: .16rem;
}
.personalInfo-list textarea{
    width:100%;
    height:1.3rem;
    font-size:.28rem;
    line-height: .43rem;
    border:none;
}
/*今日更新*/
.today-update{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    color: #ffffff;
    background: rgba(45,120,244,1);
    z-index: 999;
}
.slide-top-update{
    -webkit-animation: slideTopUpdate 5s .2s ease-in-out forwards;
    -o-animation: slideTopUpdate 5s .2s ease-in-out forwards;
    animation: slideTopUpdate 5s .2s ease-in-out forwards;
}
@keyframes slideTopUpdate {
    0%{
        transform: translateY(0);
    }
    20%{
        transform: translateY(.75rem);
    }
    100%{
        transform: translateY(0);
    }
}
/*活动弹框*/
.pop-activity{
    width: 6rem;
    height: 8rem;
    border-radius:38px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -4.8rem;
    margin-left: -3rem;
    z-index: 1002;
    background: red;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    opacity: 0;
}
.pop-activity .iconfont{
    color: #ffffff;
    font-size: .56rem;
    position: absolute;
    bottom: -1.2rem;
    left: 45%;
}
.pop-activity-bg{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1001;
}
.slide-bottom{
    -webkit-animation: slideBottom 1s 0.2s ease-in forwards;
    -o-animation: slideBottom 1s 0.2s ease-in forwards;
    animation: slideBottom 1s 0.2s ease-in forwards;
}
@keyframes slideBottom {
    0%{
        opacity: 0;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
    }
    50%{
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    65%{
        opacity: 1;
        -webkit-transform: scale(.9,.9);
        transform: scale(.9,.9);
    }
    80%{
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    90%{
        opacity: 1;
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }

}





.uploading-photo{
    width: 100%;
}
.z_photo {
    width: 100%;
    overflow: auto;
    clear: both;
}

.z_photo img {
    width: 130px;
    height: 130px;
    display: block;
}

.z_addImg {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}
.z_addImg:nth-child(4n){
    margin-right: 0;
}
.z_file {
    width: 130px;
    height: 130px;
    background: url("../images/add_img.png") no-repeat;
    background-size: 100% 100%;
    float: left;
    margin: .05rem .1rem;
}

.z_file input::-webkit-file-upload-button {
    width: 1rem;
    height: 1rem;
    border: none;
    position: absolute;
    outline: 0;
    opacity: 0;
}

.z_file input#file {
    display: block;
    width: auto;
    border: 0;
    vertical-align: middle;
}
/*遮罩层*/

.z_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.z_alert {
    width: 500px;
    height: 360px;
    border-radius: 10px;
    background: #fff;
    font-size: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -180px;
}
.z_alert p{
    font-size: 24px;
    font-weight: normal;
    line-height: 100px;
    margin-bottom: 0;
    font-family: "微软雅黑";
}
.z_alert p:nth-child(1) {
    line-height: 260px;
}

.z_alert p:nth-child(2) span {
    display: inline-block;
    width: 50%;
    height: 99px;
    line-height: 99px;
    float: left;
    border-top: 1px solid #ddd;
}

.z_cancel {
    border-right: 1px solid #ddd;
}
.service-textarea{
    width: 100%;
    padding: 20px 0;
    border: none;
    font-size: 24px;
    font-family: "微软雅黑";
    margin-top: 10px;
}
.help-form-ipt{
    margin-left: 60px;
    margin-top: 60px;
    display: block;
    width: 520px;
    height: 82px !important;
    background-color: #03651c;
    font-size: 36px;
    color: #fff;
    font-family: "微软雅黑";
    border-radius: 3px;
    border: none;
    padding: 0;
}
.help-phone{
    width: 100%;
    margin: 30px 0 50px 0;
    text-align: center;
    position: absolute;
    left: 0;
    font-size: 24px;
    color: #222;
    font-family: "微软雅黑";
}
/*多图上传*/
.z_photo {
    width: 100%;
    height: 5rem;
    overflow: auto;
    clear: both;
    margin: .66rem auto;
}
.z_photo img {
    width: 1.5rem;
    height: 1.5rem;
    margin: .05rem;
}
.z_addImg {
    float: left;
    margin: .05rem;
}
.z_file {
    width: 1.5rem;
    height: 1.5rem;
    background: url("../img/camera.jpg") no-repeat;
    background-size: 100% 100%;
}

.z_file input::-webkit-file-upload-button {
    width: 1rem;
    height: 1rem;
    border: none;
    position: absolute;
    outline: 0;
    opacity: 0;
}

.z_file input#file {
    display: block;
    width: auto;
    border: 0;
    vertical-align: middle;
}
/*遮罩层*/
.z_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.z_alert {
    width: 6rem;
    height: 2.2rem;
    border-radius: .2rem;
    background: #fff;
    font-size: .24rem;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3rem;
    margin-top: -2rem;
}
.z_alert p:nth-child(1) {
    line-height: 1.5rem;
}
.z_alert p:nth-child(2) span {
    display: inline-block;
    width: 49%;
    height: .7rem;
    line-height: .7rem;
    float: left;
    border-top: 1px solid #ddd;
}
.z_cancel {
    border-right: 1px solid #ddd;
}
/*评选投票*/
.selection{
    padding-top: .36rem;
    padding-bottom: 1.26rem;
    display: inline-block;
}
.selection-title{
    font-size: .28rem;
    color: #222222;
    width: 5.85rem;
    text-align: center;
    margin: 0 auto;
    line-height: 2em;
}
.selection-time{
    font-size: .28rem;
    color: #d23c3b;
    text-align: center;
    letter-spacing: .03rem;
    margin: .1rem 0 .46rem 0;
}
.selection-item{
    width: 3.45rem;
    height: 4.55rem;
    background: #fff;
    margin-left: .21rem;
    margin-bottom: .21rem;
}
.selection-item .head-img{
    width: 100%;
    height: 3.45rem;
    overflow: hidden;
}
.selection-bot{
    position: relative;
    padding: .24rem .21rem;
}
.selection-bot .user-name{
    font-size: .28rem;
    color: #222;
}
.selection-bot .current-ticket{
    font-size: .22rem;
    color: #666666;
}
.selection-btn{
    position: absolute;
    top: .39rem;
    right: .24rem;
    width: .96rem;
}
.selection-btn .btn-round{
    width: .29rem;
    height: .29rem;
    border-radius: 50%;
    border: .01rem solid #eee;
}
.selection-btn .btn-round.active{
    background: url("../images/duigou.png") no-repeat;
    background-size: 100% 100%;
}
.selection-btn span{
    font-size: .24rem;
    color: #d23c3b;
}

